<!DOCTYPE html>
<html>
	<!-- ================================== HEAD ================================= -->
	<head>
		<meta charset="UTF-8">
		<title>Jeu de GO</title>
		
		<link rel="stylesheet" media="screen" type="text/css" title="style" href="css/style.css"/>
		
		<script language="Javascript" src="js/script.js" /></script> 
		<script language="Javascript" src="js/service.js" ></script> 
		<script language="Javascript" src="js/go.js" ></script> 
	</head>

	<!-- ================================== BODY ================================= -->
	<body id="body" >
	
		<!-- Div : Create an account -->
		<div class="formulaire" id="formCreer">
			<form action="#body">
			
			<h1>Create an account</h1>
				<!-- All fields are mandatory -->
				<p><label for="size">Size of board</label><input id="size" type="text" placeholder="9" value="9" required /></p>
				<p><label for="addr">Address</label><input id="addr" type="text" placeholder="127.0.0.1:iiii" value="" required /></p>
				<p><label for="nom">Full Name</label><input id="name" type="text" placeholder="Full name" value="" required /></p>
				<p><label for="pre">Screen Name</label><input id="pre" type="text" placeholder="Login" value="" required /></p>
				<p><label for="password">Password</label><input id="password" placeholder="Password" type="password" value="" required /></p>
				
				<!-- Button send call the function aimCreate -->
				<input class="submit"  id="aimCreate" type="submit" value="Send" />
			</form>
		</div>
		
		<!--  -->
		<div class="formulaire" id="formJoindre">
			<form>
				<input id="butjoindre" type="submit" value="Actualiser liste" /><br />
			</form>
		</div>
		
		
		<canvas id="go" class="go" >
			Navigateur non compatible
		</canvas>
	</body>
</html>